<script>
	function showPhotoProfile(input) {
	    if (input.files && input.files[0]) {
	        var reader = new FileReader();	        
	        reader.onload = function (e) {
	            $('#imgPhotoProfile').attr('src', e.target.result);
	            $("#webcamPhoto").val("");
	        }	        
	        reader.readAsDataURL(input.files[0]);	        
	    }
	}
	function propinsiOnChange(){
		refreshKota();
		refreshArea();
	}
	function kotaOnChange(){
		refreshArea();
	}
	
	function refreshKota(){
		var url = "index.php?r=data_select/selectKotaAjxResult";
		$.ajax({	
			url : url,
			type:"GET",
			async:false,
			data: {"propinsi":$("#propinsi").val()},
			success: function(respData) {
				printConsole(respData);
				fillSelectData("#kota",respData);	
			},
		});
	}
	function refreshArea(){
		var url = "index.php?r=data_select/selectAreaAjxResult";
		$.ajax({	
			url : url,
			type:"GET",
			async:false,
			data: {"propinsi":$("#propinsi").val(),"kota":$("#kota").val()},
			success: function(respData) {
				printConsole(respData);
				fillSelectData("#area",respData);	
			},
		});
	}
	
	function cancel(){
		window.close();
	}
	
	function takePhoto(){
		var url="index.php?r=akademik/penerimaan_murid/main/getWebcam&callback=webcamListener";
		var winName = "formWebcam";
		var specs ="menubar=0,scrollbars=1,status=0,titlebar=0,toolbar=0";
		var width=350,height=540;
		var replace = false,onCenter = true;
		w = openWindow(winName,url,width,height,onCenter,specs,replace);
		w.focus();
	}
	
	function showClassHistory(){
		$("#tblClassHist").jqGrid("setGridParam",{
			postData:{
				"student_id":$("#id").val(),				
			},
			datatype:"json"
		}).trigger("reloadGrid");
	
	}
	
	
	function save(){

		//save all editted family data
		arrId = $("#tblFamily").jqGrid("getDataIDs");
		for(i =0;i<arrId.length;i++){
			$("#tblFamily").jqGrid("saveRow",arrId[i]);
		}
		
		//family data to json
		var gridData = $("#tblFamily").jqGrid("getRowData");
		$("#familyData").val(JSON.stringify(gridData));
				
		$("#frmSubmit").submit();
	}

	
	function showWebcam(){
		
	}

	function webcamListener(obj){
		//alert("webcam listener..");
		$('#imgPhotoProfile').attr("src","data:image/jpg;base64," + obj);
		$("#webcamPhoto").val(obj);
		//$('#photoProfile').val(obj);
		var fd = new FormData(document.forms[0]);
		console.log(fd);
			
		//console.log(obj);
	}
	function getFamily(){
		
		$("#tblFamily").jqGrid("setGridParam",{
			postData:{
				"student_id":$("#id").val(),				
			},
			datatype:"json"
		}).trigger("reloadGrid");
	}
	function addFamily(){
		//save all editted family data
		arrId = $("#tblFamily").jqGrid("getDataIDs");
		for(i =0;i<arrId.length;i++){
			$("#tblFamily").jqGrid("saveRow",arrId[i]);
		}
		
		$("#tblFamily").jqGrid("addRow",{initdata:
			{
				"address":$("#address").val(),
				"op":"add",
			}
		});
	}
	
	function deleteFamilyRow(rowid){
		jQuery("#tblFamily").setRowData(rowid,{op:'delete'})
		$("#"+rowid).hide();
		//$("#tblFamily").jqGrid("delRowData",rowid);
	}
	
	$(function(){
		$("#accordion").accordion({
			activate: function(event,ui){
				var active = $("#accordion").accordion( "option", "active" );
				switch (active){
					case 3:
						getFamily();
						break;
					case 7:
						showClassHistory();
						break;					
				}				
			}		
		});
		$("#photoProfile").change(function(){
			showPhotoProfile(this);
		});

		$("#tblFamily").jqGrid({
			url:'index.php?r=akademik/penerimaan_murid/main/getFamily',
			postData:{"student_id":$("#id").val()},
			datatype: 'local',
			loadonce:true,
			mtype:"GET",			
			width:"1020",
			autowidth:false,
			shrinkToFit:false,
			height:"100%",
			altRows:true,
			ignoreCase:true,
			//$strFields="id,department_id,sid,name,if(gender='P','Pria','Wanita') as gender,birth_date,address,home_phone,handphone,email,ayah_nama,ibu_nama,wali_nama,is_active";
			colNames: ['id','SID','Relasi','Almarhum', 'Nama',  'Tlp Rumah', 'Tlp Kantor', 'HP','Email','Alamat','Prioritas','op','Action'],
			colModel: [
				{name: 'id', index: 'id', width: 20,hidden:true,sorttype:'int',formatter:'int'},
				{name: 'student_id', index: 'student_id',hidden:true, width: 40,search:true},
				{name: 'family_type', index: 'family_type', width: 80,search:false,align:"center",editable:true,edittype:"select",
					editoptions:{value:{'Ayah':'Ayah','Ibu':'Ibu','Saudara':'Saudara','Wali':'Wali','Lainnya':'Lainnya'}}},
				{name: 'is_alm', index: 'is_alm', width: 60,search:true,editable:true,edittype:"checkbox",formatter:"checkbox",align:"center" },
				{name: 'name', index: 'name', width: 200,search:true,editable:true},
				{name: 'home_phone', index: 'home_phone',width: 80,editable:true},
				{name: 'office_phone', index: 'office_phone',width: 80,editable:true},
				{name: 'mobile_phone', index: 'mobile_phone',width: 80,editable:true},
				{name: 'email_address', index: 'email_address',width: 150,editable:true},
				{name: 'address', index: 'address',width: 200,editable:true,edittype:"textarea",formatter:"textarea"},
				{name: 'priority_contact', index: 'priority_contact',width: 50,editable:true,edittype:"checkbox",formatter:"checkbox",align:"center"},
				{name: 'op', index: 'op',width: 50,editable:true,hidden:true},
				{name: 'act', index: 'act', width: 40, align: 'center'},				
			],
			gridview: true,
			rownumbers: false,
			rowNum: 10,
			rowList: [5, 10, 15],
			pager: '#navTblFamily',
			viewrecords: true,
			caption: '',
			jsonReader : { 
				root:"model",
				repeatitems: false			
			},
			loadComplete:function(data){
				var ids = jQuery("#tblFamily").getDataIDs();
				for(var i=0;i<ids.length;i++){ 
					var cl = ids[i]; 
					jQuery("#tblFamily").setRowData(ids[i],{op:'edit'}) 
				}
			},
			gridComplete: function(){
				var ids = jQuery("#tblFamily").getDataIDs();
				for(var i=0;i<ids.length;i++){ 
					var cl = ids[i]; 
					btnDelete = "<img title='delete' class='imgBtn' style='margin-left:5px;height:20px;width:20px;' src='images/action/Actions-Delete-icon.png' onclick='deleteFamilyRow(" + cl + ")' />"; 
					jQuery("#tblFamily").setRowData(ids[i],{act:btnDelete}) 
				} 
			},
			beforeSelectRow:function(rowid,e){
				var selr = jQuery('#tblFamily').jqGrid('getGridParam', 'selrow');
				if (selr != rowid){
					jQuery("#tblFamily").jqGrid('saveRow',selr,{ 
						successfunc: function( response ) {
							return true; 
						}
					});
					return true;
				}		
			},
			onSelectRow:function(rowid,status,e){
				
								
				jQuery("#tblFamily").jqGrid('editRow',rowid,{keys:true,
					oneditfunc:function(){
					}
				});				
			}
		});
		$("#tblFamily").jqGrid('navGrid','#navTblFamily',{add:false,edit:false,search:false,del:false,refresh:false});

		$("#tblInvoice").jqGrid({
			url:'index.php?r=keuangan/tu/studentInvoice/outstandingStudentDetailList',
			//editUrl:'index.php?r=akademik/pendaftaran_kelas/kelas_tahun_ajaran/edit',
			postData:{student_id:$("#id").val()},
			datatype: 'json',
			loadonce:true,
			mtype:"GET",
			autowidth:false,
			width:1000,
			height:"100%",
			altRows:true,
			ignoreCase:true,
			colNames: ['id','Invoice no','Bulk no','Date','Invoice','Disc','Total','Paid','CN','Type', 'Keterangan', 'Status'],
			colModel: [
				{name: 'id', index: 'id', width: 20,hidden:false,sorttype:'int',formatter:'int'},
				{name: 'invoice_no', index: 'invoice_no', width: 80,search:true},
				{name: 'bulk_no', index: 'bulk_no', width: 80,search:true},
				{name: 'invoice_date', index: 'invoice_date', width: 50,template:dateTemplate},
				{name: 'total_invoice', index: 'total_invoice', width: 40,template:moneyTemplate},
				{name: 'disc', index: 'disc', width: 40,template:moneyTemplate},
				{name: 'total', index: 'total', width: 40,template:moneyTemplate},
				{name: 'total_paid', index: 'total_paid', width: 40,template:moneyTemplate},
				{name: 'total_cn', index: 'total_cn', width: 40,template:moneyTemplate},
				{name: 'invoice_type', index: 'invoice_type',hidden:false,width:40},								
				{name: 'notes', index: 'notes', formatter: 'textarea',width:150},								
				{name: 'is_active', index: 'is_active', width: 30, align: 'center', formatter: 'checkbox'},
			],
			gridview: true,
			rownumbers: false,
			rowNum: 10,
			rowList: [5, 10, 15],
			pager: '#navTblInvoice',
			viewrecords: true,
			caption: 'Department',
			jsonReader : { 
				root:"model",
				repeatitems: false			
			},
			loadComplete:function(data){
				console.log(data);
			},			
		});
			 
		$("#tblClassHist").jqGrid({
			url:'index.php?r=akademik/siswa/penempatan_kelas/listClassHist',
			datatype: 'local',
			loadonce:true,
			mtype:"GET",
			autowidth:true,
			height:"100%",
			width:"100%",
			altRows:true,
			ignoreCase:true,
			//$strFields="id,department_id,sid,name,if(gender='P','Pria','Wanita') as gender,birth_date,address,home_phone,handphone,email,ayah_nama,ibu_nama,wali_nama,is_active";
			colNames: ['id','student ID','Tahun Ajaran','Tingkatan','Kelas'],
			colModel: [
				{name: 'id', index: 'id', width: 20,hidden:true,sorttype:'int',formatter:'int'},
				{name: 'student_id', index: 'student_id', width: 20,hidden:true,sorttype:'int',formatter:'int'},
				{name: 'tahun_ajaran_name', index: 'tahun_ajaran_name', width: 100,search:true},
				{name: 'tingkatan_name', index: 'tingkatan_name', width: 200,search:true},
				{name: 'kelas_name', index: 'kelas_name', width: 200,search:true},
			],
			gridview: true,
			rownumbers: false,
			rowNum: 10,
			rowList: [5, 10, 15],
			pager: '#navTblData',
			viewrecords: true,
			caption: '<?php echo Yii::t("label", "Riwayat Kelas"); ?>',
			jsonReader : { 
				root:"model",
				repeatitems: false			
			},
			loadComplete:function(data){
				console.log(data);
			},
		});
		$("#tblClassHist").jqGrid('navGrid','#navTblClasHist',{add:false,edit:false,search:false,del:false,refresh:false});				
	});	
</script>
<div style="width:1080px">
	<div style="border-bottom:2px solid #000;padding-bottom:5px;margin-bottom:20px">
	<?php 
		$this->widget('application.components.widgets.ActionBar', 
			array("menuAlign" => "right", 
				'items' => array(
					array(
						'id' => "btnTakePhoto",
						'title' => "Ambil Foto",
						'icon' => "images/action/webcam-icon.png",
						'callback'=>"takePhoto"
					),					
					array(
						'id' => "btnSave",
						'title' => "Simpan",
						'icon' => "images/action/Actions-document-save-all-icon.png",
						'callback'=>"save"
					),					
					array(
						'id' => "btnCancel",
						'title' => "Batal",
						'icon' => "images/action/Actions-dialog-cancel-icon.png",
						'callback'=>"cancel"
					),
				)
			)
		);
	?>
	</div>
	
	<form id="frmSubmit" action="index.php?r=akademik/siswa/main/editActive" method="POST" enctype='multipart/form-data' >		
		<?php
			$labelWidth ="100px";			
		?>
		
		<div style="width:100%">
			<div>
				<input type="hidden" id="id" name="id" value="<?php echo $id; ?>" size =10/>
				<input type="hidden" id="op" name="op" value="<?php echo $op; ?>" size =10/></br>
			</div>
			<div>
				<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Department");?></label>
				<label class="form mandatory" style="width:10px">:</label>
				<label class="form" style="width:200px"><?php echo $department_id ;?></label>
				<input type="hidden" id="department_id" name="department_id" value="<?php echo $department_id;?>" size="20" readonly class="disabled" />
				
				<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Tingkat");?></label>
				<label class="form mandatory" style="width:10px">:</label>
				<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo $tingkatan_name ;?></label>
			</div>
			<div>
				<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Tahun Ajaran");?></label>
				<label class="form mandatory" style="width:10px">:</label>
				<label class="form" style="width:200px"><?php echo $tahun_ajaran["name"] ;?></label>
				<input type="hidden" id="tahun_ajaran_id" name="tahun_ajaran_id" value="<?php echo $tahun_ajaran["id"];?>" size="20" readonly class="disabled"/>
				
				<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Kelas");?></label>
				<label class="form mandatory" style="width:10px">:</label>
				<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo $kelas_name ;?></label>
								
			</div>
			<div><input id="is_active" name="is_active" type="checkbox" <?php echo $is_active?"checked":""; ?> /> <label>Active</label></div>
		</div>
		<hr>
		
		<div id="accordion">
			<h3>Informasi Siswa</h3>
			<div>
				<div style="float:right">
					<img id="imgPhotoProfile" src="<?php echo $imgPhotoProfile;?>" alt="" style="width:120px;height:140px;border:1px solid #2B3856;cursor:pointer" onclick ="javascript:document.getElementById('photoProfile').click();" />
					
					<div>
						<label class="form" style="display:none;width:<?php echo $labelWidth;?>">Photo Profile</label> 
						<input type='file' id="photoProfile" name="photoProfile" accept="image/*" style='visibility:hidden;display:none' />
					</div>
					<div>
						<textarea style="display:none" id="webcamPhoto" name="webcamPhoto"></textarea>
					</div>					
				</div>
				<div style="float:left;padding-top:50px">
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Temp ID");?></label>						
						<label><?php echo $trial_id;?></label>					
					</div>
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Student ID");?></label>						
						<label><?php echo $sid;?></label>					
					</div>
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Status");?></label><select id="status_siswa" name="status_siswa">						
							<option value="ACTIVE" selected><?php echo Yii::t("label","AKTIF"); ?></option>
							<option value="TRIAL"><?php echo Yii::t("label","TRIAL"); ?></option>
						</select>					
					</div>										
					
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Nama");?></label>
						<input type="text" id="name" name="name" class="form mandatory" style="width:300px" value="<?php echo $name;?>"/>
					</div>	
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Pangilan");?></label>
						<input type="text" id="nick_name" name="nick_name" value="<?php echo $nick_name;?>" style="width:300px"" />
					</div>
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Jenis Kelamin");?></label>
						<input type="radio" name="gender" value="L" <?php echo $gender=="L"?"checked":"";?>  /> Laki-Laki
						<input type="radio" name="gender" value="P" <?php echo $gender=="P"?"checked":"";?> /> Perempuan					
					</div>
					<div>
						<label class="form mandatory" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Tempat Lahir");?></label>
						<textarea type="text" id="birth_place" name="birth_place" style="width:300px;height:50px"><?php echo $birth_place;?></textarea>
					</div>
					<div>
						<?php $this->widget('application.components.widgets.DateTextField', 
							array("name"=>"birth_date","value"=>$birth_date,"htmlOptions"=>"size='20'",
								"label"=>array("value"=>Yii::t("label","Tanggal Lahir"),"htmlOptions"=>"class='form mandatory' style='width:$labelWidth'")
							));
						?>
					</div>
					<div>
						<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Agama");?></label>
						<select id="religion" name="religion" style="width:150px">
							<?php
								foreach($arrReligion as $row){
									$selected = $religion == $row ? "selected" :"";
									echo "<option value=$row $selected> $row </option>"; 
								}
							?>
						</select>
					</div>
					<div>
						<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Suku");?></label>
						<select id="ethnic" name="ethnic" style="width:150px">
							<?php
								foreach($arrEtnic as $row){
									$selected = $ethnic == $row ? "selected" :"";
									echo "<option value=$row $selected> $row </option>"; 
								}
							?>
						</select>
					</div>
					
					<div>
						<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Kewarganegaraan");?></label>
						<input type="radio" name="citizenship" value="WNI" <?php echo $citizenship == "WNI"?"checked":"";?>  /> WNI
						<input type="radio" name="citizenship" value="WNA" <?php echo $citizenship=="WNA"?"checked":"";?> /> WNA
					</div>
				</div>
				<div style="clear:both"></div>
			</div>
			
			<h3>Informasi Alamat</h3>
			<div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Alamat");?></label>
					<textarea id="address" name="address" style="width:300px;height:87px"><?php echo $address; ?></textarea>						
				</div>
			
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Provinsi");?></label>
					<select id="propinsi" name="propinsi" style="width:285px;" onChange="propinsiOnChange()">
						<?php 
							foreach ($arrPropinsi as $row){
								$selected = $row ==$propinsi ?"selected":"";
								echo "<option value='$row' $selected >$row</option>";
							} 
						?>
					</select>
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Kota");?></label>
					<select id="kota" name="kota" style="width:285px;" onChange="kotaOnChange()">
						<?php 
							foreach ($arrKota as $row){
								$selected = $row ==$kota ?"selected":"";
								echo "<option value='$row' $selected >$row</option>";
							} 
						?>
					</select>
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Area");?></label>
					<select id="area" name="area" style="width:285px;">
						<?php 
							foreach ($arrArea as $row){
								$selected = $row ==$area ?"selected":"";
								echo "<option value='$row' $selected >$row</option>";
							} 
						?>
					</select>
				</div>
				
				
				
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Kode Pos");?></label><input type="text" id="post_code" name="post_code" value="<?php echo $post_code;?>" size="20" />
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","No. Telp");?></label><input type="text" id="home_phone" name="home_phone" value="<?php echo $home_phone;?>" style="width:200px" />
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Handphone");?></label><input type="text" id="handphone" name="handphone" value="<?php echo $handphone;?>" style="width:200px" />				
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Email");?></label><input type="text" id="email" name="email" value="<?php echo $email;?>" style="width:200px" />
				</div>
			</div>			
			
			
			<h3>Data Kesehatan</h3>
			<div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Golongan darah");?></label>
						<input type="radio" name="gol_darah" value="A" <?php echo $gol_darah == "A"?"checked":"";?>  /> A
						<input type="radio" name="gol_darah" value="B" <?php echo $gol_darah=="B"?"checked":"";?> /> B
						<input type="radio" name="gol_darah" value="AB" <?php echo $gol_darah=="AB"?"checked":"";?> /> AB
						<input type="radio" name="gol_darah" value="O" <?php echo $gol_darah=="O"?"checked":"";?> /> O
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Berat");?></label><input type="text" id="berat_kg" name="berat_kg" value="<?php echo $berat_kg;?>" maxlength="3" style="width:20px" />&nbsp; Kg
				</div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Tinggi");?></label><input type="text" id="tinggi_cm" name="tinggi_cm" value="<?php echo $tinggi_cm;?>" maxlength="3" style="width:20px" /> &nbsp;Cm
				</div>
				<div style="margin-top:20px;margin-bottom:10px">
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Riwayat Penyakit");?> : </label>
				</div>
				<div>
					<textarea id="riwayat_penyakit" name="riwayat_penyakit" style="width:920px;height:200px"><?php echo $riwayat_penyakit; ?></textarea>
				</div>
			</div>
			
			<h3>Keluarga / Wali </h3>
			<div>
				<?php
					$this->widget('application.components.widgets.ActionBar', 
					array("menuAlign" => "right", 
						'items' => array(
							array(
									'id' => "btnNew",
									'title' => Yii::t("menu","Tambah Family"),
									'icon' => "images/action/Actions-document-new-icon.png",
									'callback'=>"addFamily"
							),
						)
					)
				);
			?> 
				<table id="tblFamily"></table>
				<div id="navTblFamily"></div>	
				<textarea name="familyData" id="familyData" style="display:none"></textarea>	
				
			</div>
			<h3>Larangan</h3>
			<div>
				<div style="margin-top:20px">
					<label class="form" style="width:<?php echo $labelWidth;?>;vertical-align:top"><?php echo Yii::t("label","Batasan");?> : </label>
					<textarea id="restriction" name="restriction" style="width:1000px;height:200px"><?php echo $restriction; ?></textarea>
				</div>
			</div>
			<h3>Informasi Lainnya</h3>			
			<div>
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Cara Bayar");?></label>
						<select id="payment_method" name="payment_method">
							<option value="Cash" <?php echo $payment_method == "Cash" ?"selected":""?> >Cash</option>
							<option value="BCA VA" <?php echo $payment_method == "BCA VA" ?"selected":""?> >BCA VA</option>
						</select>					
				</div>	
				<div>
					<label class="form" style="width:<?php echo $labelWidth;?>"><?php echo Yii::t("label","Referensi");?></label><input type="text" id="ref_payment" name="ref_payment" value="<?php echo $ref_payment; ?>" />
				</div>
			</div>
			<h3>Riwayat Billing</h3>			
			<div>
				<table id="tblInvoice"><tr></tr></table>
				<div id="navTblInvoice"></div>
			</div>
			
			<h3><img alt="" src="images/action/URL-history-icon.png" style="width:20px;height:20px;margin-right:10px"/> Riwayat Kelas</h3>			
			<div>
				<table id="tblClassHist"><tr></tr></table>
				<div id="navTblClassHist"></div>
			</div>
		</div>		
	</form>
	
</div>